<div class="returnwarehouse_manage">
    <div nz-row class="row_1" nzGutter="16">
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入产品编码" [(ngModel)]="goodCode" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入产品名称" [(ngModel)]="goodName" />
        </div>
        <div nz-col nzSpan="6">
            <label>入库时间：</label>
            <nz-range-picker class="date_select" [(ngModel)]="dateRange" (ngModelChange)="onDateChange($event)"
                [nzAllowClear]="false">
            </nz-range-picker>
        </div>
        <div nz-col nzSpan="4">
            <label>库房：</label>
            <nz-select class="search_select" [(ngModel)]="kf" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="4">
            <label>库区：</label>
            <nz-select class="search_select" [(ngModel)]="kq" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="4">
            <label>状态：</label>
            <nz-select class="search_select" [(ngModel)]="status" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="2">
            <button class="search_btn" nz-button nzType=""><i nz-icon nzType="search"></i>搜索</button>
        </div>
    </div>
    <div nz-row class="row_2">
        <button nz-button nzType="primary" (click)="showModalFA()">添加返工方案</button>
        <button nz-button nzType="primary" (click)="showModalMark()">添加返工备注</button>
        <button nz-button nzType="primary">通知添加方案</button>
    </div>
    <div nz-row class="row_3">
        <h4>成品库列表</h4>
        <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false">
            <thead>
                <tr>
                    <th>选择</th>
                    <th>产品编码</th>
                    <th>产品名称</th>
                    <th>条码批次</th>
                    <th>包装数量</th>
                    <th>包装规格</th>
                    <th>重量</th>
                    <th>返工工艺</th>
                    <th>入库原因</th>
                    <th>入库人员</th>
                    <th>入库时间</th>
                    <th>是否返工工艺</th>
                    <th>是否返工配方</th>
                    <th>状态</th>
                    <th>备注</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of basicTable.data">
                    <td>{{ data.choose }}</td>
                    <td>{{ data.code }}</td>
                    <td>{{ data.name }}</td>
                    <td>{{ data.pici }}</td>
                    <td>{{ data.num }}</td>
                    <td>{{ data.guige }}</td>
                    <td>{{ data.zl }}</td>
                    <td>{{ data.fggy }}</td>
                    <td>{{ data.rkyy }}</td>
                    <td>{{ data.rkry }}</td>
                    <td>{{ data.rksj }}</td>
                    <td>{{ data.isfggy }}</td>
                    <td>{{ data.isfgpf }}</td>
                    <td>{{ data.status }}</td>
                    <td>{{ data.mark }}</td>
                </tr>
            </tbody>
        </nz-table>
        <div class="page_row" nz-col nzSpan="24">
            <nz-pagination [nzPageIndex]="1" [nzTotal]="50" nzShowSizeChanger [nzShowTotal]="totalTemplate">
            </nz-pagination>
            <ng-template #totalTemplate let-total> 总共 50 条 </ng-template>
        </div>
    </div>
</div>
<nz-modal appDragModal [(nzVisible)]="isVisibleMark" nzTitle="返工备注" (nzOnCancel)="handleCancelMark()" (nzOnOk)="handleOkMark()">
    <textarea rows="4" nz-input [(ngModel)]="fgMark"></textarea>
</nz-modal>
<nz-modal appDragModal class="FA_modal" [(nzVisible)]="isVisibleFA" nzTitle="添加返工方案" (nzOnCancel)="handleCancelFA()" (nzOnOk)="handleOkFA()">
    <div nz-row nzGutter="16" class="row_1">
        <div nz-col nzSpan="9">
            <input nz-input placeholder="输入工艺名称" [(ngModel)]="gyName" />
        </div>
        <div nz-col nzSpan="9">
            <input nz-input placeholder="输入工艺编码" [(ngModel)]="gyCode" />
        </div>
        <div nz-col nzSpan="6">
            <button class="search_btn" nz-button nzType=""><i nz-icon nzType="search"></i>搜索</button>
        </div>
    </div>
    <div nz-row class="row_2" nzGutter="16">
        <div nz-col nzSpan="12" class="select_col">
            <label>品种：</label>
            <nz-select class="modal_select" [(ngModel)]="pzSelect" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="12" class="select_col">
            <label>工艺类别：</label>
            <nz-select class="modal_select" [(ngModel)]="gylbSelect" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="12" class="select_col">
            <label>工艺类型：</label>
            <nz-select class="modal_select" [(ngModel)]="gylxSelect" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="12" class="select_col">
            <label>状态：</label>
            <nz-select class="modal_select" [(ngModel)]="statusSelect" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="12" class="select_col">
            <label>返工方式：</label>
            <nz-select class="modal_select" [(ngModel)]="fgfsSelect" nzAllowClear>
                <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
            </nz-select>
        </div>
        <div nz-col nzSpan="12" class="select_col">
            <label>混批量：</label>
            <input class="modal_select" nz-input placeholder="输入混批量" [(ngModel)]="inHpl" />
        </div>
    </div>
</nz-modal>